<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>发布合作</title>
		<link rel="shortcut icon" href="../img/icon.ico"/>
		<link rel="stylesheet" type="text/css" href="../css/fabuhezuo.css" />
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/common_niu.css" />
		<link rel="stylesheet" type="text/css" href="../css/animate.css"/>
	</head>

	<body>
		<div class="web">
			<!-------------------头部开始--------------------->
			<header>
				<!--------------logo部分----------------->
				<div class="header_top clear">
					<div class="logo fl">
						<img src="../img/logo.png" />
					</div>
					<div class="header_top_right fr">
						<div class="message_box">
							<a>Christina</a>
							<span>退出</span>
							<span class="message_reminder my_icon_style iconfont icon-xiaoxi1"></span>
							<span class="my_icon_style iconfont icon-xiaoxi"></span>
							<span class="my_icon_style iconfont icon-shezhi"></span>
							<span class="my_icon_style iconfont icon-ziyuan"></span>
							<div class="reminder_box">无提醒</div>
							<div class="xiaoxi_box">无消息</div>
						</div>
						<nav>
							<ul class="clear">
								<li class="fl"><a href="shoucang_blog.html">首页</a></li>
								<li class="fl"><a href="fabuhezuo.html">推荐</a></li>
								<li class="fl"><a href="个人空间-活动-收藏的活动.html">活动</a></li>
								<li class="fl"><a href="">交友</a></li>
								<li class="fl"><a href="">求职</a></li>
								<li class="fl"><a href="hezuo-shouye.html">合作</a></li>
								<li class="fl"><a href="zhengce.html">政策</a></li>
							</ul>
						</nav>
					</div>
				</div>

				<!-----------------大图片部分-------------------->
				<div class="header_bottom">
					<div class="person_message">
						<!-----------个人信息上部----------->
						<div class="person_message_top">
							<div class="img_box">
								<img src="../img/person1.jpg" />
							</div>
							<div class="person_main_message">
								<p class="username">Christina<span class="sex">M</span></p>
								<p class="qianming">个性签名：<span>天才也是练出来!</span></p>
								<p>
									<span class="country">CN</span>
									<span class="city">广州</span>
									<span class="job">金融分析师</span>
								</p>
								<div>
									华夏海归个人认证
									<img src="../img/renzheng.png" />
								</div>
							</div>

						</div>
						<!---------------个人信息下部--------------------->
						<div class="person_message_bottom">
							<div class="follow">
								<p>关注</p>
								<p>230</p>
							</div>
							<div class="fans">
								<p>粉丝</p>
								<p>155</p>
							</div>
							<div class="qq_blog">
								<span class="my_icon_style iconfont icon-qq"></span>
								<span class="my_icon_style iconfont icon-unie61d-copy"></span>
								<span class="my_icon_style iconfont icon-xiaoxi"></span>
							</div>

						</div>
					</div>
					<div class="header_bottom_pic">
						<img src="../img/message_pic.jpg" />
					</div>
				</div>
			</header>
			<!-------------------头部结束--------------------->

			<!--------------主体部分开始--最新推荐--------------------->
			<main class="top_box">
				<!-----------主页导航头------------->
				<div class="my_page_header">
					<span>我的主页</span>
					<ul class="clear">
						<li class="fl">
							<a href="">博客</a>
						</li>
						<li class="fl">
							<a href="">微博</a>
						</li>
						<li class="fl">
							<a href="">相册</a>
						</li>
						<li class="fl">
							<a href="">关注/粉丝</a>
						</li>
						<li class="fl">
							<a href="">工作/合作</a>
						</li>
						<li class="fl">
							<a href="">活动</a>
						</li>
						<li class="fl">
							<a href="">设置</a>
						</li>
					</ul>
					<div class="search">
						<form action="" method="post">
							<input type="text" name="search" id="search" value="" placeholder="搜索他的相关" />
							<!--<span class="my_icon_style iconfont icon-ziyuan"></span>-->
							<button class="my_icon_style iconfont icon-ziyuan"></button>
						</form>
					</div>

				</div>

				<!----------推荐--------------->
				<div class="tuijian">
					<p>最新推荐</p>
					<div class="tuijianlan">
						<div class="kig"><img src="../img/t1.jpg" alt="图片错误" />
							<p>KiG</p>
						</div>
						<div class="start"><img src="../img/t2.jpg" alt="图片错误" />
							<p>星巴克</p>
						</div>
						<div class="apple"><img src="../img/t3.jpg" alt="图片错误" />
							<p>苹果科技公司</p>
						</div>
						<div class="Ross"><img src="../img/t4.jpg" alt="图片错误" />
							<p>罗斯柴尔德银行</p>
						</div>
						<div class="nikon"><img src="../img/t5.jpg" alt="图片错误" />
							<p>尼康（日本）</p>
						</div>
						<div class="fhoke"><img src="../img/t6.jpg" alt="图片错误" />
							<p>FHOKE Design</p>
						</div>
					</div>
				</div>

				<!--------------主体部分结束-----最新推荐------------------>
				<div class="big_box clear">

					<!------------左侧--中部信息开始-----选项卡------->
					<div class="mid_box fl">
						<div class="zuo_top">
							<div class="xuanze_box">
								<ul>
									<li><a href="fabuhezuo.html">发布的合作</a></li>
									
									<li><a href="pingpaihezuo.html">品牌的合作</a></li>
									<li><a href="hezuoxinxi.html">收藏的合作</a></li>
								</ul>
								<!--左侧----左上开始-------->
								<div class="zuo_mid">
									<span>新人推荐</span>
									<div class="border_top"></div>
									<div class="img_mid clear">
										<div class="img_mid_box fl">
											<div class="img_box">
												<img src="../img/boy.png" />
											</div>
											<span>唔信得</span>
										</div>
										<div class="img_mid_box fl">
											<div class="img_box">
												<img src="../img/girl1.png" />
											</div>
											<span>唔明白</span>
										</div>
										<div class="img_mid_box fl">
											<div class="img_box">
												<img src="../img/boy.png" />
											</div>
											<span>唔清楚</span>
										</div>
										<div class="img_mid_box fl">
											<div class="img_box">
												<img src="../img/boy.png" />
											</div>
											<span>唔知道</span>
										</div>
										<div class="img_mid_box fl">
											<div class="img_box">
												<img src="../img/boy.png" />
											</div>
											<span>唔了解</span>
										</div>
										<div class="img_mid_box fl">
											<div class="img_box">
												<img src="../img/boy.png" />
											</div>
											<span>唔清晰</span>
										</div>
										<div class="img_mid_box fl">
											<div class="img_box">
												<img src="../img/boy.png" />
											</div>
											<span>唔好知</span>
										</div>
										<div class="img_mid_box fl">
											<div class="img_box">
												<img src="../img/boy.png" />
											</div>
											<span>唔搞得</span>
										</div>
									</div>
									<div class="border_bot"></div>
									<p>······ 更多</p>

								</div>
							</div>
							<!--左侧----左上结束-------->
							<!--左侧-----下部开始-------------------->
							<div class="zuo_bottom">
								<div class="bottom">
									<span>最近访客</span>
									<div class="border_top"></div>

									<div class="bottom_box">
										<div class="bottom_img_box clear ">
											<div class="bottom_img fl animated">
												<img src="../img/girl.png" class="animated"/>
											</div>
											<span class="onlive animated"></span>
											<div class="fl">
												<p>彭芳</p>
												<p>今天</p>
											</div>
										</div>
									</div>
									<div class="bottom_box">
										<div class="bottom_img_box clear ">
											<div class="bottom_img fl">
												<img src="../img/girl.png" />
											</div>
											<div class="fl">
												<p>彭芳</p>
												<p>一天前</p>
											</div>
										</div>
									</div>
									<div class="bottom_box">
										<div class="bottom_img_box clear ">
											<div class="bottom_img fl">
												<img src="../img/girl.png" />
											</div>
											<span class="onlive animated"></span>
											<div class="fl">
												<p>彭芳</p>
												<p>一个月前</p>
											</div>
										</div>
									</div>
									<div class="bottom_box">
										<div class="bottom_img_box clear ">
											<div class="bottom_img fl">
												<img src="../img/girl.png" />
											</div>
											<div class="fl">
												<p>彭芳</p>
												<p>2013年</p>
												<p>1月14日</p>
											</div>
										</div>
									</div>
									<div class="bottom_box">
										<div class="bottom_img_box clear ">
											<div class="bottom_img fl">
												<img src="../img/girl.png" />
											</div>
											<div class="fl">
												<p>彭芳</p>
												<p>2013年</p>
												<p>1月14日</p>
											</div>
										</div>
									</div>
									<div class="foot">
										<div class="foot_bot"></div>
										<p>······ 更多</p>
										<div class="foot_bot"></div>
									</div>
									<div class="foot_box">
										<p>今日浏览</p>
										<p>12</p>
									</div>
									<div class="foot_box">
										<p>总浏览</p>
										<p>1024</p>
									</div>
								</div>
							</div>
							<!--左侧 -----下部结束-------------------->

						</div>

					</div>
					<!--左侧信息-----结束----------------------------->
					<!--右侧中部选项卡------开始------------------->

					<div class="fabu_box fr">
						
						<div class="right_mid_box">
							<div class="fabu_top">
								<p>发布的合作信息</p>
								<span>全部(128)</span>
								<span class="fr"><a href="hezuoxinxi.html">发布合作信息</a></span>
							</div>
							<form>
								<select style="width: 175px; height: 24px;">
									<option value="项目合作">项目合作</option>

								</select>
								<select style="width: 227px; height: 24px; margin-left: 17px;">
									<option value="所有类别">所有类别</option>
									<option value="需找投资">需找投资</option>
								</select>
								<input type="text" placeholder="输入关键字" style="width: 227px; height: 22px;margin-left: 17px;" />
								<input type="submit" value="搜索" style="color: #FFFFFF;cursor: pointer; background: skyblue; width: 67px; height: 24px;border: none;" />
							</form>
							<!----下拉框结束------------------->
							<div class="fabu_mid">
								<div class="fabu_mid_box clear">
									<div class="fabu_img_box fl">
										<img src="../img/mid2_03.jpg" />
									</div>
									<div class="left_box clear">
										<p class="left_top ">西餐厅，寻求投资</p>
										<span class="left_right fr">发布时间：2014-01-01 20:30</span>
										<p class="left_mid">已结束</p>
										<p class="left_bot">项目合作 类别：需找投资</p>
									</div>
									<div class="zhezhao_box">
										<p>19</p>
										<span>2012.10</span>
									</div>
								</div>
								<div class="fabu_mid_box">
									<div class="fabu_img_box fl">
										<img src="../img/mid2_03.jpg" />
									</div>
									<div class="left_box clear">
										<p class="left_top ">西餐厅，寻求投资</p>
										<span class="left_right fr">发布时间：2014-01-01 20:30</span>
										<p class="left_yifabu">已发布</p>
										<div class="but">
											<button>暂停</button>
											<span>|</span>
											<button>终止</button>
											<span>|</span>
											<button>删除</button>
										</div>
										<p class="left_bot">类别：需找投资</p>
									</div>
									<div class="zhezhao_box">
										<p>19</p>
										<span>2012.10</span>
									</div>
								</div>
								<div class="fabu_mid_box clear">
									<div class="fabu_img_box fl">
										<img src="../img/mid2_03.jpg" />
									</div>
									<div class="left_box clear">
										<p class="left_top ">西餐厅，寻求投资</p>
										<span class="left_right fr">发布时间：2014-01-01 20:30</span>
										<p class="left_mid">已结束</p>
										<p class="left_bot">类别：需找投资</p>
									</div>
									<div class="zhezhao_box">
										<p>19</p>
										<span>2012.10</span>
									</div>
								</div>
								<div class="fabu_mid_box clear">
									<div class="fabu_img_box fl">
										<img src="../img/mid2_03.jpg" />
									</div>
									<div class="left_box clear">
										<p class="left_top ">西餐厅，寻求投资</p>
										<span class="left_right fr">发布时间：2014-01-01 20:30</span>
										<p class="left_mid">已结束</p>
										<p class="left_bot">类别：需找投资</p>
									</div>
									<div class="zhezhao_box">
										<p>19</p>
										<span>2012.10</span>
									</div>
								</div>
								<div class="fabu_mid_box clear">
									<div class="fabu_img_box fl">
										<img src="../img/mid2_03.jpg" />
									</div>
									<div class="left_box clear">
										<p class="left_top ">西餐厅，寻求投资</p>
										<span class="left_right fr">发布时间：2014-01-01 20:30</span>
										<p class="left_mid">已结束</p>
										<p class="left_bot">类别：需找投资</p>
									</div>
									<div class="zhezhao_box">
										<p>19</p>
										<span>2012.10</span>
									</div>
								</div>
								<div class="fabu_mid_box clear">
									<div class="fabu_img_box fl">
										<img src="../img/mid2_03.jpg" />
									</div>
									<div class="left_box clear">
										<p class="left_top ">西餐厅，寻求投资</p>
										<span class="left_right fr">发布时间：2014-01-01 20:30</span>
										<p class="left_mid">已结束</p>
										<p class="left_bot">类别：需找投资</p>
									</div>
									<div class="zhezhao_box">
										<p>19</p>
										<span>2012.10</span>
									</div>
								</div>
								<div class="fabu_mid_box clear">
									<div class="fabu_img_box fl">
										<img src="../img/mid2_03.jpg" />
									</div>
									<div class="left_box clear">
										<p class="left_top ">西餐厅，寻求投资</p>
										<span class="left_right fr">发布时间：2014-01-01 20:30</span>
										<p class="left_mid">已结束</p>
										<p class="left_bot">类别：需找投资</p>
									</div>
									<div class="zhezhao_box">
										<p>19</p>
										<span>2012.10</span>
									</div>
								</div>
								<div class="fabu_mid_box clear">
									<div class="fabu_img_box fl">
										<img src="../img/mid2_03.jpg" />
									</div>
									<div class="left_box clear">
										<p class="left_top ">西餐厅，寻求投资</p>
										<span class="left_right fr">发布时间：2014-01-01 20:30</span>
										<p class="left_mid">已结束</p>
										<p class="left_bot">类别：需找投资</p>
									</div>
									<div class="zhezhao_box">
										<p>19</p>
										<span>2012.10</span>
									</div>
								</div>
								<div class="fabu_mid_box clear">
									<div class="fabu_img_box fl">
										<img src="../img/mid2_03.jpg" />
									</div>
									<div class="left_box clear">
										<p class="left_top ">西餐厅，寻求投资</p>
										<span class="left_right fr">发布时间：2014-01-01 20:30</span>
										<p class="left_mid">已结束</p>
										<p class="left_bot">类别：需找投资</p>
									</div>
									<div class="zhezhao_box">
										<p>19</p>
										<span>2012.10</span>
									</div>
								</div>
								<form class="fr" style="text-align: right;">
									<select style="font-size: 12px;color:#7d7c7c;border: none;">
										<option value="第 1 页">第 1 页</option>
										<option value="第 2 页">第 2 页</option>
									</select>
									<input type="submit" value="下一页" style="font-size: 12px; border: none;color:#7d7c7c;cursor: pointer ; background: white;" />
								</form>
							</div>
						</div>
						
						
					</div>

					<!--右侧中部选项卡------结束------------------->
				</div>
			</main>

			<!------------------尾部开始---------------------->
			<footer>

				<!-----------底部顶链接------------------->
				<div class="link">
					<a href="">关于联盟</a>
					<a href="">加入联盟</a>
					<a href="">联盟事件</a>
					<a href="">防骗说明</a>
					<a href="">合作链接</a>
				</div>
				<!-----------底部中间----------------->
				<div class="footer_middle clear">
					<div class="footer_middle_left fl">
						<a href="">与联盟保持联系</a>
						<div>
							<img src="../img/images/footer_contact_03.png" />
						</div>
						<a href="">更多信息</a>
						<a href="">公益合作</a>
						<a href="">商业合作与风险投资</a>
					</div>
					<div class="footer_middle_right fr">
						<a href="">帮助</a>
						<span class="my_icon_style iconfont icon-diqiu"></span>
						<a href="">语言</a>
						<a href="" class="facebook_tumblr"><span class="my_icon_style iconfont icon-Facebook"></span></a>
						<a href="" class="facebook_tumblr"><span class="my_icon_style iconfont icon-tumblr-m"></span></a>
					</div>
				</div>
				<!------------底部最后---------------->
				<div class="footer_bottom">
					<div class="footer_img">
						<img src="../img/footer_logo.png" alt="" />
					</div>
					<div class="footer_bottom_mid">
						<img src="../img/footer_pic.jpg" usemap="#hotmap"/>
						<map name="hotmap">
							<area shape="rect" coords="48,40,114,79" href="http://www.baidu.com" alt="" title="艾美" target="_blank"/>
							<area shape="rect" coords="148,40,188,79" href="http://www.taobao.com" alt="" title="雅乐轩" target="_blank"/>
							<area shape="rect" coords="225,40,266,79" href="http://www.taobao.com" alt="" title="福朋" target="_blank"/>
							<area shape="rect" coords="304,48,348,79" href="http://www.jd.com" alt="" title="威斯丁" target="_blank"/>
							<area shape="rect" coords="380,40,432,72" href="http://www.taobao.com" alt="" title="豪华精选" target="_blank"/>
							<area shape="rect" coords="95,92,130,134" href="http://www.taobao.com" alt="" title="W酒店" target="_blank"/>
							<area shape="rect" coords="185,90,218,134" href="http://www.taobao.com" alt="" title="喜来登" target="_blank"/>
							<area shape="rect" coords="270,92,316,134" href="http://www.taobao.com" alt="" title="瑞吉" target="_blank"/>
							<area shape="rect" coords="369,93,400,138" href="http://www.taobao.com" alt="" title="源宿" target="_blank"/>
						</map>
					</div>
					<div class="footer_bottom_right">
						<p>你的位置</p>
						<span>华夏海归 ></span>
						<a href="">首页</a>
						<p>本网站所有图片均由Getty Images公司授权发布，侵权必究。京ICP备06049229号</p>
					</div>
				</div>
			</footer>
			<!------------------尾部结束---------------------->
		</div>
	</body>

</html>